@media screen and (min-width:1281px){
	.inner{ width: 1200px;}
	.logo{ font-size: 20px;}
	.nav a{ padding: 0px 5px;}
	.boxC{ width: 1200px; margin-left: -600px;}
	.banner .slick-dots{ width: 1200px; margin-left: -600px;}
	.cultureList .con{ font-size: 18px;}
	.gutter-sizer{ width: 36px;}
	.grid-sizer{ width: 376px; height: 200px; margin-bottom: 36px; }
	.newDemo .item{ width: 376px; height: 200px; margin-bottom: 36px;}
	.newDemo .item1{ width: 376px; height: 436px;}
	.infoPage{ width: 1100px;}
	.activityBox{ margin-left: -600px;}
	.joinBox{ margin-left: -600px;}
	.w1080{ width: 1080px;}
	.iaboutBox .con{ width: 535px;}
	.ifistItem{ width: 535px;}
	.iactivityBox .inner{ width: 1162px;}
	.iproductNav{ margin-right: -600px;}
	.iporoductDemo .inner{ margin-left: -600px;}
}
@media screen and (min-width:1441px){
	.boxC{ top: 35%;}
	.iproductNav{ top: 17%;}
	.iporoductDemo .inner{ bottom: 17%; }
}
@media screen and (min-width:1601px){
	.proList{ width: 1470px; margin: 0px auto;}
	.proList li{ width: 490px;}
	.proList li .item{ height: 376px; }
	.proList .first .con{ padding: 10% 15%;}
	.proList .first .con .t{ font-size: 24px;}
	.proList .first .con .en{ font-size: 30px;}
	.proList .first .con .c{ font-size: 14px;}
}
@media screen and (max-width:1280px){
	.mapBox{ height: 600px;}
	.ithreenBox dd{ height: 420px;}
	.inewFirst .con,.inewFirst .img .imgbox{ height: 420px;}
	.iporoductDemo .ipCon .zh{ font-size: 18px;}
	.iporoductDemo .ipCon .en{ font-size: 24px;}
	.serTelBox{ position: absolute; left: 50%; margin-left: -505px; bottom: 0px;}
}
@media screen and (max-width:1024px){
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.inner{ width: 90%;}
	.toolBox,.nav{ display: none;}
	.header{ background-color: rgba(255,255,255,0.8); box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);}
	.header .inner{ height: 70px; width: 100%;}
	.header.topfix .inner{ height: 70px;}
	.logo{ height: 100%; left: 5%; top: -122px;}
	.logo img{ height: 100%;}
	.logo span{ font-size: 18px;}
	.logo2{ top: 0px; padding:14px 0px 24px 5%; width: 176px; opacity: 1;}
	.menu-handler{ display: block;}
	.boxC{ width: 90%; left: 5%; margin-left: 0px;}
	.boxC .en{ font-size: 38px;}
	.boxC .zh{ font-size: 35px;}
	.foot-lbox,.foot-rbox,.fsharp{ float: none; width: 100%;}
	.foot-lbox .en{ margin-bottom: 0px;}
	.footInfo{ padding: 55px 0px 60px;}
	.footInfo li{ width: 50%;}
	.fsharp{ height: 48px; margin-bottom: 50px;}
	.fsharp a{ border-radius: 50%; background:none #333333;}
	.fsharp a .ibg{ border-radius: 50%; background:none #025bab;}
	.fsharp a em{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.joinBtn{ float: left;}
	.footBcon{ margin-top: 50px;}
	.w960{ width: 90%;}
	.mtop{ height: 70px;}
	.iactivityBox .inner{ width: auto; padding: 0px 76px 0px 66px; background-position: 20px center;}
	.iactivityBox .activityBtn{ width: 46px; padding-left: 0px; font-size: 0px;text-indent: -10em; background: url(../images/jt2.png) no-repeat scroll center center #797979;}
	.iproductNav{ right: 5%; width: 90%; top: 8%; margin-right: 0px;}
	.iporoductDemo .inner{ left: 5%; margin-left: 0px; bottom: 10%;}
	.ifistItem{ width: 80%; margin-left: 10%;}
	.ithreenBox dd{ float: none; width: 100%;}
	.ithreenBox dd.iaboutBox{ height: auto;}
	.iaboutBox .con{ width: 90%; margin:0px auto; float: none; padding: 60px 0px;}
	.iaboutBox .con .c{ margin: 30px 0px 40px; height: 76px;}
	.ithreenBox dd.ivideoBox{ height: 380px;}
	.pbanner .ashow{ display: none;}
	.aboutNavBg{ display: none;}
	.aboutNav{ width: 100%; left: auto; margin-left: 0px; bottom: auto; position: relative; padding: 30px 0px;}
	.aboutNav .y1{ border-radius: 50%; background: none #fff;}
	.aboutNav .y2{ border-radius: 50%; background: none #025bab;}
	.onePorfile{ padding: 60px 0px;}
	.aboutT1{ font-size: 26px;}
	.oaboutT2{ font-size: 36px;}
	.onePorfile-list .year{ font-size: 54px;}
	.thressPorfile{ background-attachment: inherit; padding: 100px 0px;}
	.thressPorfile .w960, #videoPage{ height: 400px;}
	.transbg{ background-attachment:initial;}
	.oneCulture{ padding-top: 60px;}
	.cultureList dd{ width: 50%; }
	.cultureList .con{ font-size: 18px;}
	.parkPage{ padding-top: 60px; overflow: hidden;}
	.parkPage .aboutT2{ margin-bottom: 30px;}
	.parkList{ width: 100%;}
	.parkList .slick-arrow{ background:none #ffffff; border-radius: 50%; transform: scale(0.7); -webkit-transform: scale(0.7);}
	.parkList .slick-arrow:hover{ background: none #025bab;}
	.parkList .slick-prev{ left: 0px;}
	.parkList .slick-next{ right: 0px;}
	.historyList .img img{ margin-top: 0px;}
	.historyList .con{ padding: 50px 0px;}
	.brandPage{ padding: 50px 0px;}
	.brandList dd{ height: 160px;}
	.brandList .con{ top: 25%;}
	.brandList1 .w25{ width: 50%;}
	.brandList1 .w50{ width: 100%;}
	.brandList2 .w25,.brandList2 .w50{ width: 100%; float: none;}
	.brandList2{ margin: 25px auto;}
	.brandList2 dd{ height: 240px;}
	.brandList2 dd.w25{ height: auto;}
	.brandList2 dd .con{ position: relative; top: auto; left: auto; margin: 0px auto; padding: 40px 0px;}
	.pagenavBox{ height: auto; position: relative;}
	.pagenav.fixed{ top: 70px;}
	.cpnav{ display: block;}
	.pnavbox{ position: absolute; left: 0px; top: 50px; width: 100%; z-index: 800; display: none;}
	.pnavbox a{ width: 100%; display: block; border-right: 0px none; background-color: rgba(0,0,0,0.6); padding: 0px; color: #fff;}
	.pnavbox a:hover,.pnavbox a.act{ background-color: rgba(0,0,0,0.8);}
	.gutter-sizer{ width: 4%;}
	.grid-sizer{ width: 48%; height: 250px; margin-bottom: 5%; }
	.newDemo .item{ width: 48%; height: 250px; margin-bottom: 5%;}
	.newDemo .item1{ width: 48%; height: 430px;}
	.newDemo .item .more{ padding: 32px 0px; opacity: 1; color: #999;}
	.newDemo .item:hover .more{ color: #fff;}
	.paddingP{ padding: 50px 0px;}
	.infoPage{ width:90%;}
	.brandNewList .itemBox:hover .bg{ width: 100%; left: 0%;}
	.activityBox{ left: 5%; margin-left: 0;}
	.activityBox .t{ padding: 30px 0px 20px; font-size: 20px;}
	.activityBox .t .time{ font-size: 22px;}
	.newsPnav{ padding: 50px 0px 30px;}
	.activityList{ margin-left: -5%;}
	.activityList dd{ width: 45%; margin: 0px 0px 30px 5%;}
	.joinPage{ overflow: hidden;}
	.joinBox{ left: 5%; margin-left: 0px;}
	.joinBox .item{ padding: 25px;}
	.joinBox .item5{ padding: 25px;}
	.joinBox .t{ font-size: 20px;}
	.joinBox .en{ font-size: 30px;}
	.joinBox .c{ font-size: 16px; margin: 3% 0px 12px; }
	.slider-nav .slick-prev {left: 0px; transform: scale(0.8); -webkit-transform: scale(0.8);}
	.slider-nav .slick-next {right: 0px; transform: scale(0.8); -webkit-transform: scale(0.8);}
	.slider-for .item{ box-sizing: border-box;}
	.contactT,.contactList,.messagePage{ padding: 50px 0px;}
	.w1080{ width: 100%;}
	.productNav a{ width: 12.5%; margin-right: 0px;}
	.serachIBox .w1080{ padding: 14px 80px 14px 5%; box-sizing: border-box;}
	.productList .w1080{ width: 90%;}
	.proList{ width: 90%;}
	.proList ul{ margin-left: -2%;}
	.proList li{ width: 48%; margin-left: 2%;}
	.proList li .item{ height: auto; margin: 0px;}
	.proList li.first{ width: 98%;}
	.proList li.first .item{ margin: 0px;}
	.proList .itemCon{ display: none;}
	.proList .ico{ right: 50%; top: 50%; margin: -30px -22px 0px 0px;}
	.productDL a .con1{ opacity: 0; visibility: hidden;}
	.productDL a .con{ left: 0px;}
	.productDL a .bot{ width: 100%;}
	.w996{ width: 90%;}
	.serTelBox{ left: 5%; margin-left: 0px;}
	.procesUl li{ width: 46%;}
	.procesPage .item .bor{ display: none;}
	.storefrontList{ width: 100%;}
	.storefrontList .slick-arrow{ border-radius: 50%; transform: scale(0.7); -webkit-transform: scale(0.7);}
	.storefrontList .slick-prev{ left: 0px;}
	.storefrontList .slick-next{ right: 0px;}
	.marketingPage{ padding:60px 0px;}
	.JoiningBox{ padding: 60px 0px;}
	.dock{ display: none;}
	.foot-rbox{ display:none}
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.inewList dd{ width: 48%;}
	.boxC .en{ font-size: 34px;}
	.boxC .zh{ font-size: 27px;}
	.ithreenBox dd.ivideoBox{ height: 340px;}
	.aboutNav li{ width: 33.33%;}
	.aboutNav li:nth-child(1),.aboutNav li:nth-child(2),.aboutNav li:nth-child(3){ margin-bottom: 25px;}
	.thressPorfile .w960, #videoPage{ height: 350px;}
	.cultureList .con{ font-size: 16px;}
	.historyList .con .t{ font-size: 16px;}
	.historyList .con .year{ font-size: 26px;}
	.historyList .con .bot{ margin: 20px 0px; width: 90px;}
	.iContactList5 li .bot{ margin: 20px 0px; width: 90px;}
	.cultureList .conn{ font-size: 16px;}
	.historyList .conn .t{ font-size: 16px;}
	.historyList .conn .year{ font-size: 26px;}
	.historyList .conn .bot{ margin: 20px 0px; width: 90px;}
	.historyList dd{ background-color: #fff; margin-bottom: 20px; padding: 5%;}
	.historyList .con{ font-size: 13px; padding: 0px;}
	.historyList .conn{ font-size: 13px; padding: 0px;}
	.honorList li{ width: 48%;}
	.imgShowDemo .owl-controls .owl-buttons div{ width: 48px; height: 48px; margin-top: -24px;}
	.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: transparent; }
	.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: transparent; }
	.infoPaging a{ padding: 0px 18px; width: auto; display: none;}
	.infoPaging .pnext,.infoPaging .pprev{ display: inline-block;}
	.infoT .nsharp{ float: none; display: block; height: 20px; margin-bottom: 10px;}
	.brandNewList .itemBox .con .t{ margin-top: 0px;}
	.brandNewList .itemBox .c{ margin-top: 10px;}
	.activityBox .item{ width: 60%;}
	.activityBox .t,.activityBox .c{ width: 90%;}
	.joinBox .t{ font-size: 18px;}
	.joinBox .en{ font-size: 26px;}
	.joinBox .c{ margin-bottom: 5px;}
	.joinPage{ padding:50px 0px;}
	.joinPage .aboutT2{ margin-bottom: 40px;}
	.formbox{ width: 80%;}
	.productList .con .t{ font-size: 18px; margin-top: 4%;}
	.productList .con .en{ font-size: 24px;}
	.productList .con .c{ margin: 25px 0px 18px;}
	.productDL li{ width: 48%;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}
	.logo{left: 0%;}
	.logo2{ padding-left: 15px;}
	.boxC .en{ font-size: 30px;}
	.boxC .zh{ font-size: 22px;}
	.footBcon .flink{ float: none;}
	.iactivityBox li .time{ display: none;}
	.iporoductDemo .ipCon{ width: 100%;}
	.iporoductDemo .ipCon .ppbing{ display: none;}
	.iporoductDemo .control{ display: none;}
	.iproductNav li{ width: 33.33%; margin:0px 0px 5% 0px;}
	.inewList dd.item3,.inewList dd.item4{ display: none;}
	.inewFirst .con,.inewFirst .img{ float: none; width: 100%;}
	.inewFirst .con{ height: auto;}
	.inewFirst .con .sj{ left: 5%; bottom: -22px; top: auto; height: 45px; width: 38px;}
	.ifistItem{ width: 90%; float: none; margin:0px auto; padding: 8% 0px;}
	.inewFirst .img .imgbox{ height: 300px;}
	.iaboutBox .con .t{ font-size: 24px;}
	.iaboutBox .con .en{ font-size: 18px;}
	.ithreenBox dd.ivideoBox{ height: 300px;}
	.aboutNav .name{ font-size: 14px;}
	.aboutNav .con{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.aboutT1{ font-size: 26px;}
	.aboutT2{ font-size: 30px; line-height: 1.4;}
	.onePorfile .bot{ width: 100px; margin: 40px auto;}
	.onePorfile-list li{ width: 29.33%; padding: 0px 2%;}
	.onePorfile-list .year{ font-size: 50px;}
	.twoPorfile-con{ padding: 60px 0px;}
	.thressPorfile{ padding: 80px 0px;}
	.thressPorfile .w960, #videoPage{ height: 300px;}
	.cultureDL dt{ font-size: 26px; width: 26px; margin-left: 22px;}
	.cultureDL dd{ width: 14px; font-size: 14px; margin-left: 15px;}
	.cultureBox{ height: 400px;}
	.cultureBox .img{ height: 100%;}
	.historyList .img{ float: none; width: 100%; margin: 0px;}
	.historyList .con{ float: none; width: 100%; margin: 0px; padding-top: 30px;}
	.historyList .conn{ float: none; width: 100%; margin: 0px; padding-top: 30px;}
	.historyList .one .img{ float: none; margin: 0px;}
	.imgShowDemo .txt{ font-size: 14px;}
	.pbanner2 .img{ width: 160%; position: relative; left: -30%;}
	.gutter-sizer{ width:0;}
	.grid-sizer{ width: 100%; margin-bottom: 5%; }
	.newDemo .item{ width: 100%; margin-bottom: 5%;}
	.newDemo .item1{ width: 100%;}
	.infoBox{ width: 100%;}
	.paddingP{ padding: 0px;}
	.infoPage{ width: 100%;}
	.infoPage.action .lbot i{ width: 0px;}
	.brandNewList .itemBox  a{ padding:5% 5% 78px; border: 1px solid #e4e4e4;}
	.brandNewList .itemBox .img{ position: relative; left: auto; top: auto; float: left; display: block; width: 45%;}
	.brandNewList .itemBox .con{ border-bottom: 0px none; height: auto; padding: 0px; float: left; display: block; width: 50%; margin-left: 5%;}
	.brandNewList .itemBox .c{ margin:4% auto 6%; }
	.brandNewList .itemBox .btn-more{ width: 100%;}
	.brandNewList .itemBox .btn-more .bbg{ display: none;}
	.brandNewList .itemBox:hover .bg{ box-shadow: 0px 0px 0px 0px;}
	.activityBox{ position: relative; left: auto; bottom: auto; width: 100%;}
	.activityBox .item{ width: 100%; float: none;}
	.activityList .item .t{ font-size: 16px; height: 24px; margin-bottom: 15px;}
	.activityList .item .c{ margin-bottom: 30px;}
	.activityList .item a.more{ background-position: center center;}
	.activityList .item a.more span{ display: none;}
	.joinBox{ position: relative; left: auto; bottom: auto; width: 100%;}
	.joinBox .item{ width: 90%; padding: 5%; float: none;}
	.joinBox .item5{ width: 90%; padding: 5%; float: none;}
	.joinBox .t{ font-size: 22px;}
	.contactT .tico{ width: 60px; height: 60px; background-size: cover;}
	.iContactList li{ float: none; width: 100%; margin: 0px; text-align: left; padding: 10px 0px; margin-bottom: 5px;}
	.iContactList li .ico{ float: left; margin: 0px 15px 0px 0px; width: 45px; display: inline-block;}
	.iContactList5 li{ float: none; width: 100%; margin: 0px; text-align: left; padding: 10px 0px; margin-bottom: 35px;}
	.iContactList5 li .ico{ float: left; margin: 0px 15px 0px 0px; width: 45px; display: inline-block;}
	
	.formbox{ width: 90%;}
	.productNavBox{ height: auto;}
	.productNav{ height: auto;}
	.productNav a{ width: 16.66%;}
	.productNav a.allPro{ width: 100%; display: block; height: 50px; line-height: 50px; float: none;}
	.productNav a.allPro span{ display: inline-block; background: url(../images/all.png) no-repeat scroll left center; padding-left: 35px;}
	.productNav a.allPro:hover span,.productNav a.allPro.act span{ background-image: url(../images/list1.png);}
	.productNav a.allPro i{ display: none;}
	.productNav a.serachBtn{ display: none;}
	.productList .con .t{ margin-top: 0px;}
	.productList .con .en{ font-size: 18px;}
	.productList .con .c{ margin: 15px 0px;}
	.products-filter .table .wl{ width: 76px;}
	.products-filter span{ display: none;}
	.products-filter a{ display: inline-block; padding: 2px 5px;  margin: 2px; border-radius: 2px;}
	.products-filter a.act{ background-color: #fff;}
	.serTelBox{ position: relative; left: auto; bottom: auto; width: 100%;}
	.pbanner .pagenavBox{ position: relative; left: auto; bottom: auto;}
	.serTelBox .item{ float: none; width: 100%;}
	.serTelBox .item dt{ width: 25%; box-sizing: border-box;}
	.serTelBox .item dd{ width: 75%; box-sizing: border-box; background-color: transparent;}
	.procesUl li{ width: 100%; height: auto; margin: 0px 0px 20px;}
	.procesUl .con{ padding: 22px 25px 22px 70px; height: auto;}
	.storefrontList .con{ position: relative; left: auto; bottom: auto;}
	.Joining{ width: 90%;}
	.Joining .ico{ width: 80px;}
}	
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; }
	.boxC .en{ font-size: 26px;}
	.footInfo{ padding: 30px 0px 40px;}
	.footInfo li{ float: none; width: auto;}
	.foot-rbox .selbox{ margin-bottom: 20px; box-sizing: border-box; width: 100%; float: none; padding: 6px 15px; height: auto; line-height: 1.8;}
	.joinBtn{ float: none; width: 100%; box-sizing: border-box; padding: 6px 15px; height: auto; line-height: 1.8;}
	.ithreenBox dd.ivideoBox{ height: 260px;}
	.inewFirst .img .imgbox{ height: 260px;}
	.aboutT1{ font-size: 22px;}
	.aboutT2{ font-size: 26px;}
	.onePorfile-list .year{ font-size: 44px;}
	.thressPorfile .w960, #videoPage{ height: 250px;}
	.cultureBox{ height:350px;}
	.cultureList dd{ width: 100%; float: none;}
	.brandNewList .itemBox .img{ float: none; width: 100%; margin-bottom: 20px;}
	.brandNewList .itemBox .con{ float: none; margin-left: 0px; width: 100%;}
	.activityList{ margin-left: 0px;}
	.activityList dd{ width: 100%; margin-left: 0px;}
	select.selbox1{ width: 160px;}
	.productList .img,.productList .one .img{ float: none; width: 100%; margin: 0px;}
	.productList .con{ float: none; width: auto;}
	.productList .con .t{ margin-top: 20px;}
	.productList .con .c{ margin: 20px 0px;}
	.productNav a{ width: 33.33%;}
	.Joining .btn a{ width: 80%; float: none; display: block; margin:0px auto 10px;}
	.Joining .btn a.down1,.Joining .btn a.down2{ float: none;}
}
@media screen and (max-width: 375px) {
	.vwrap .videobox { width: 240px; margin-left: -138px; height: 300px; margin-top: -150px; }
	.logo span{ display: none;}
	.ithreenBox dd.ivideoBox{ height: 240px;}
	.inewFirst .img .imgbox{ height: 240px;}
	.inewList{ margin-left: 0px;}
	.inewList dd{ width: 100%; margin-left: 0px; margin-bottom: 15px;}
	.thressPorfile{ padding: 60px 0px;}
	.cultureBox{ width: 100%;}
	.productDL ul{ margin-left: 0px;}
	.productDL li{ width: 100%; margin-left: 0px;}
}
@media screen and (max-width: 345px) {
	.onePorfile-list li{ padding: 0px; width: auto; float: none;}
	.thressPorfile{ padding: 50px 0px;}
	.brandList .con{ top: 20%;}
	.mapDemo{ width: 80%; left: 10%; margin-left: 0px;}
	.proList ul{ margin-left: 0px;}
	.proList li{ width: 100%; margin-left: 0px;}
	.ithreenBox dd.ivideoBox{ height: 200px;}
	.inewFirst .img .imgbox{ height: 200px;}
}